<template>
    <div>
      <div class="mt-4">
        时间搜索：
        <el-radio-group v-model="radio1" class="ml-3">
          <el-radio-button label="全部"></el-radio-button>
          <el-radio-button label="今天"></el-radio-button>
          <el-radio-button label="近七天"></el-radio-button>
          <el-radio-button label="近十五天"></el-radio-button>
        </el-radio-group>
      </div>
      <div>
        模糊搜索：
        <el-select v-model="value" placeholder="请选择" class="col-1 pr-0">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
        <input type="text" class="form-control d-inline col-2 ml-0">
        <button class="btn btn-primary"> <i class="bi bi-search "></i> 搜索</button>
      </div>
    </div>
</template>

<script>
    export default {
        name: "HallfoodSearch",data () {
        return {
          radio1: '1',
          radio2: '2',
          radio3: '3',
          radio4: '4'
        };
      }

    }
</script>

<style scoped>

</style>
